<template>
  <div id="app" v-cloak>
    <router-view/>
  </div>
</template>

<style lang="scss">
html,body{ font-size: 125%;}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*背景层*/
.pop_bg,.popbg{ position: fixed; top: 0; left: 0; z-index: 22; width: 100%; height: 100%; background-color: #000; opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70);}
/*alert*/
.popBox{ position: fixed; top: 50%;  left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 23; width: 80%; font-size: 0.65rem; text-align: center; color: #606060; background-color: transparent;
}
/*alert*/
.pop_box{ position: fixed; top: 50%;  left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 23; width: 80%; font-size: 0.65rem; text-align: center; color: #606060; background-color: #fff;
	.pop_text{ margin: 7% 0; font-size: 0.7rem;}
	.pop_desc{ display: block; margin-bottom: 5%; font-size: 0.6rem;}
	.pop_button{ display: flex; display: -webkit-flex; font-size: 0.7rem; border-top: 1px solid #ccc;
		.pop_btn{ flex: 1; -webkit-flex: 1; padding: 2.5% 0; color: #fff; background-color: $mainColor; cursor: pointer; 
			&:first-child{ border-right: 1px solid #ccc; color: #333; background-color: #ccc;}
		}
	}
	img{ margin: auto; width: 50%;}
	.close{ position: absolute; right: 0.3rem; top: 0.3rem; width: 0.8rem; height: 0.8rem; /*background: url(../images/closeImg.png);*/ background-size: cover; cursor: pointer;}
	.pop_button.oneBtn{
		.pop_btn{ color: #fff; background-color: $mainColor; border-right: none;}
	}
	.fillInput{ padding: 2%; margin-bottom: 3.75%; width: 90%; height: 1rem; line-height: 1rem; border: 1px solid #ccc; border-radius: 5px; outline: none;}
	.textArea{ padding: 2%; margin-bottom: 3.75%; /*width: 100%;*/ height: 5rem; border: 1px solid #ccc; outline: none; resize: none;}
}
</style>
